<template>
    <div id="userAbout">
      <k-header headTitle="关于我们" goBack="true"></k-header>
      <div class="user_about_logo">
        <img class="user_about_img" src="../../assets/img/center/logo.png" alt="">
        <p class="user_about_name">萝卜猎手</p>
        <p class="user_about_type">3.0.0</p>
        <p class="user_about_info user_about_one">官网</p>
        <a class="user_about_info user_about_tel" href="http://www.luobolieshou.com">http://www.luobolieshou.com</a>
        <p class="user_about_info user_about_lines"><span class="user_about_line"></span></p>
        <p class="user_about_info">联系电话</p>
        <a href="tel:400-1234-56789" class="user_about_info user_about_tel">400-8325-966</a>
      </div>
      <div class="user_feedback_footer">
        <label class="user_footer_info">copyright@2016 I All rights reserved</label>
      </div>

    </div>
</template>

<script>
  import kHeader from '../common/head'
    export default {
        name: 'userAbout',
        data () {
            return {}
        },
      components: {
        kHeader
      }
    }
</script>


<style scoped>
  .user_about_logo{
    top: 24%;
    position: absolute;
    width: 100%;
    text-align: center;
  }
  .user_about_img{
    width: 38px;
    height: 33px;
  }
  .user_about_name{
    font-size:1.8rem;
    color: #212121;
    margin-top: 15px;
  }
  .user_about_type{
    font-size:1.8rem;
  }
  .user_about_info{
    font-size: 1.4rem;
    color: #808080;
    margin-top: 10px;
  }
  .user_about_one{
    margin-top: 16%;
  }
  .user_about_lines{
    width: 52%;
    text-align: center;
    margin: 10px auto;
  }
  .user_about_line{
    border: 1px solid #f0ecec;
    display: block;
  }
  .user_feedback_footer{
    position: absolute;
    bottom: 6rem;
    width: 100%;
    text-align: center;
  }
  .user_footer_info{
    position: fixed;
    bottom: 30px;
    font-size: 1.2rem;
    width: 100%;
    color: #DEDEDE;
    left: 0;
    text-align: center;
  }
  .user_about_tel{
    display: block;
    cursor: pointer;
  }
  .user_about_tel:hover{
    color: #ee7316;
  }

</style>
